<template>
  <div class="contents">
    <div class="con_box">
      <p class="font_title">环境荷载</p>
      <div class="radio_bottom">
        <el-radio-group v-model="radio">
          <el-radio :label="3">车辆荷载</el-radio>
          <el-radio :label="6">地震船撞</el-radio>
          <el-radio :label="9">温度</el-radio>
          <el-radio :label="9">湿度</el-radio>
          <el-radio :label="9">风速风向</el-radio>
          <el-radio :label="9">雨量</el-radio>
          <el-radio :label="9">风压</el-radio>
        </el-radio-group>
      </div>
    </div>
    <div class="con_box">
      <p class="font_title">整体响应</p>
      <div class="radio_bottom">
        <el-radio-group v-model="radio">
          <el-radio :label="3">主梁变形</el-radio>
          <el-radio :label="6">塔顶变形</el-radio>
          <el-radio :label="9">梁端位移</el-radio>
          <el-radio :label="9">主梁振动-竖向</el-radio>
          <el-radio :label="9">主梁振动-横向</el-radio>
          <el-radio :label="9">主梁振动-纵向</el-radio>
        </el-radio-group>
      </div>
    </div>
    <div class="con_box">
      <p class="font_title">局部响应</p>
      <div class="radio_bottom">
        <el-radio-group v-model="radio">
          <el-radio :label="3">吊索索力</el-radio>
          <el-radio :label="6">动应变</el-radio>
          <el-radio :label="9">静应变</el-radio>
          <el-radio :label="9">裂缝</el-radio>
          <el-radio :label="9">主梁振动-横向</el-radio>
          <el-radio :label="9">主梁振动-纵向</el-radio>
        </el-radio-group>
      </div>
    </div>
    <div class="con_box">
      <p class="font_title">视频监控</p>
      <div class="radio_bottom">
        <el-radio-group v-model="radio">
          <el-radio :label="3">局部响应</el-radio>
        </el-radio-group>
      </div>
    </div>
    <el-row :gutter="25">
      <el-col :span="12">
        <el-button  size="small">取消</el-button>
      </el-col>
      <el-col :span="12">
        <el-button type="primary" size="small">保存</el-button>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      radio: 3,
    };
  },
  components: {},
  methods: {},
  computed: {},
};
</script>
<style lang="scss" scoped>
.contents {
  .con_box {
    margin-top: 29px;
    .font_title {
      font-size: 14px;
      color: #327bdc;
      // margin:0px 13px;
      height: 46px;
      line-height: 46px;
    }
    .radio_bottom {
      .el-radio-group {
        margin: 13px 0px;
      }
      border-bottom: 1px solid #d3dbeb;
      padding-bottom: 11px;
    }
  }
  .el-row{
      margin-top:30px;
  }
  .el-col:nth-child(1){
      text-align: right;
  }
}
</style>